<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>网站后台管理模版</title>
    <link rel="stylesheet" type="text/css" href="/future/util/layui/css/layui.css"/>
</head>
<style>
    .layui-hide {
        display: none;
    }
    .tableContent{
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    #page{
        height: 50px;
    }
</style>
<body>
<div class="layui-layer-content" id="dd" style="padding: 20px;">
    <div class="layui-form">
        <div class="layui-form-item">
            <div class="layui-inline">
                    <select id="mrole" lay-filter="mrole">
                        <option value="">请选择管理员级别</option>
                        <option v-for="item of mroleArr" v-bind:value="item.roleId" v-text="item.roleName"></option>
                    </select>
            </div>
            <div class="layui-inline">
                    <select id="login_success" lay-filter="login_success">
                        <option value="">请选择在线状态</option>
                        <option value="1">在线</option>
                        <option value="0">离线</option>
                    </select>
            </div>
            <div class="layui-inline">
                <input type="text" placeholder="请输入管理员账号" name="mno" :value="mno" class="layui-input"/>
            </div>
            <input class="layui-btn layui-btn-normal" type="button" value="搜索" @click="searchTable()"/>
        </div>
    </div>
</div>
<div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
    <div style="padding: 10px;">
        <table class="layui-hide" id="currentTableId" lay-filter="currentTableId"></table>
        <div id="page"></div>
    </div>
    <script type="text/html" id="toolbar">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="ListExport">批量导出</button>
            <button class="layui-btn layui-btn-sm" lay-event="AllExport">全部导出</button>
        </div>
    </script>
    <script type="text/html" id="currentTableBar" lay-filter="currentTableBar">
        <a class="layui-btn layui-btn-xs" lay-event="reset">重置</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    </div>
</div>
<script src="/future/util/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="/future/js/jquery.js"></script>
<script src="/future/vue/vue.min.js"></script>
<script src="/future/vue/vue.resource.js"></script>
<script src="/future/js/manager/managerTable.js"></script>
</body>

</html>